<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="#">
    <p>
        <span>用户名:</span>
        <input type="text" id="username" name="username">
    </p>
    <p>
        <span>性别：</span>
        <input type="radio" name="sex"  value="man" id="boy">男
        <input type="radio" name="sex"  value="woman" id="girl">女
    </p>
</form>

<script>
    let input_text = document.getElementById("username");
    let boy_radio = document.getElementById("boy");
    let girl_radio = document.getElementById("girl");
    // 获得用户在输入中输入的值
    input_text.value;
    // 修改输入框的值
    input_text.value = "xxxx";

    //
    boy_radio.checked;//查看返回的结果，是否为true，如果为true，则被选中。
    girl_radio.checked = true;// 赋值
</script>

</body>
</html>